.container-fluid {
	/* 弹性容器 */
	display: flex;
	height: 100%;
}
.left {
	/* 左侧菜单定宽 */
	flex-basis: 200px;
}
.right {
	/* 右侧的主体占剩余全部 */
	flex: 1;
	/* 右侧的主体同时也是弹性容器 */
	display: flex;
	/* 修改主轴方向：纵向 */
	flex-direction: column;
}
.header {
	/* 高度固定——此处也是主轴上占的基础尺寸 */
	flex-basis: 60px;
}
.main {
	/* 占容器中全部富余的高度 */
	flex: 1;
}
.footer {
	/* 高度固定——主轴上的基础尺寸 */
	flex-basis: 40px;
}